#5E76D3

Color Details

HEX
#5E76D3
RGB
rgb(94, 118, 211)
HSL
hsl(228, 57%, 60%)
CMYK
cmyk(55%, 44%, 0%, 17%)
Best text on this color #000000 (CR 5.01:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5e76d3
Contrast 5.01:1 AA
White on #5e76d3
Contrast 4.19:1 Fail
#5e76d3 on Black
Contrast 5.01:1 AA
#5e76d3 on White
Contrast 4.19:1 Fail

Tints & Shades

#7e91dc
#9eade5
#bfc8ed
#4b5ea9
#38477f
#262f54

Complement & Analogous

#d3bc5f
#825fd3
#5fb0d3

Triadic

#d35f76
#76d35f

Monochrome

#262f54 #38477f #5e76d3 #9eade5 #bfc8ed #dfe4f6

Analogous

#5fb0d3 #8fc8e0 #5e76d3 #9b7fdc #825fd3 #684ca9

Complementary Mix

#38477f #5e76d3 #9eade5 #d3bc5f #e2d397 #897a3e

Nearby Colors

#5e76d2
#5e76d4
#5e76c3
#5e76e3

Embed #5E76D3 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #5E76D3

#5E76D3 converts to RGB(94, 118, 211) and HSL(228, 57%, 60%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#5E76D3 FAQs

What is the RGB value of #5E76D3?
RGB: 94, 118, 211. Copy as CSS: rgb(94, 118, 211)
Is #5E76D3 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5E76D3?
Complement: #d3bc5f.
Does #5E76D3 have good contrast on white or black?
On white: 4.19:1 (AA (large text)). On black: 5.01:1 (AA (normal text)).